<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>管理</title>
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/style.css"/>
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/layui.css">
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/view.css"/>
    <link rel="stylesheet" href="/content/pc/sysmgt/block/assets/css/admin.css"/>

</head>
<body class="layui-view-body">
<!--<div class="left-box">
    <div class="left-nav  " id="frmtitle">
        <h2>数据交换平台</h2>
        <div class="custom-admin" id="nav-last">
            <div class="layui-side-scroll">
                <ul id="Nav" class="layui-nav layui-nav-tree">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;">
                            <i class="layui-icon"></i>
                            <em>首页</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="/content/pc/sysmgt/block/views/dashboard.html">平台概括</a></dd>
                        </dl>
                    </li>



                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="layui-icon"></i>
                            <em>API交换管理</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="layui-icon"></i>
                            <em>文件交换管理</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="layui-icon"></i>
                            <em>实时交换管理</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="layui-icon"></i>
                            <em>库表交换管理</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="layui-icon"></i>
                            <em>数据采集管理</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <i class="layui-icon"></i>
                            <em>监控预警</em>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                            <dd><a href="">子栏目</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div onclick="switchSysBar()" class="btn-left">
        <span id="switchPoint" title="打开/关闭左边导航栏">2</span>
    </div>
</div>-->

<div class="mianb body-right">
    <div class="mblf layui-col-xs6 layui-col-md6">
        <i class="layui-icon">&#xe656;</i>
        <p>数据交换平台概况</p>
    </div>
</div>
<!--面包屑导航-->

<div class="layui-row" id="lay-body">
    <div class="layui-card dabox layui-col-md12">
        <div class="layui-card  layui-col-md6">

            <div class="ico">
                <img src="/content/pc/sysmgt/block/assets/images/i1.png" alt="">
                <p>文件交换</p>
            </div>
            <div class="bt1">
                <div class="send">
                    <img src="/content/pc/sysmgt/block/assets/images/send.png" alt="">
                    <p>发送</p>
                </div>
                <div class="num">
                    <i>11</i>
                    <p>通道数</p>
                </div>
                <div class="num">
                    <i>1085</i>
                    <p>次数</p>
                </div>

                <div class="num">
                    <i>2978.60</i>
                    <p>文件量 (MB)</p>
                </div>
            </div>
            <div class="bt1 none">
                <div class="send">
                    <img src="/content/pc/sysmgt/block/assets/images/js.png" alt="">
                    <p>接收</p>
                </div>
                <div class="num">
                    <i>3</i>
                    <p>通道数</p>
                </div>
                <div class="num">
                    <i>1231</i>
                    <p>次数</p>
                </div>

                <div class="num">
                    <i>1839</i>
                    <p>文件量 (MB)</p>
                </div>
            </div>

        </div>
        <div class="layui-card  layui-col-md6">

            <div class="ico">
                <img src="/content/pc/sysmgt/block/assets/images/i2.png" alt="">
                <p>文件交换</p>
            </div>
            <div class="bt1">
                <div class="send">
                    <img src="/content/pc/sysmgt/block/assets/images/send.png" alt="">
                    <p>发送</p>
                </div>
                <div class="num">
                    <i>11</i>
                    <p>通道数</p>
                </div>
                <div class="num">
                    <i>1085</i>
                    <p>次数</p>
                </div>

                <div class="num">
                    <i>1640.60</i>
                    <p>数据量 (万比)</p>
                </div>
            </div>
            <div class="bt1 none">
                <div class="send">
                    <img src="/content/pc/sysmgt/block/assets/images/js.png" alt="">
                    <p>接收</p>
                </div>
                <div class="num">
                    <i>3</i>
                    <p>通道数</p>
                </div>
                <div class="num">
                    <i>1231</i>
                    <p>次数</p>
                </div>

                <div class="num">
                    <i>93.47</i>
                    <p>数据量 (万比)</p>
                </div>
            </div>

        </div>

    </div>

    <div class="layui-col-md12 tb-box">
        <div class="layui-col-md6 layui-card">
        <h2>文件发送通道排名</h2>
            <div class="center">
                <p>接收</p>
                <img src="/content/pc/sysmgt/block/assets/images/js2.png" alt="">
            </div>
            <div class="layui-col-md7 pd">
            <div class="layui-progress layui-progress-big hui" lay-showpercent="true">
                <div class="layui-progress-bar" lay-percent="1085.04MB" style="width: 70%;"><span class="layui-progress-text">1085.04MB</span></div>
            </div>
                <div class="layui-progress layui-progress-big hui" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="850MB" style="width:  60%;"><span class="layui-progress-text">850MB</span></div>
                </div>
                <div class="layui-progress layui-progress-big hui" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="700MB" style="width:  50%;"><span class="layui-progress-text">700MB</span></div>
                </div> <div class="layui-progress layui-progress-big hui" lay-showpercent="true">
                <div class="layui-progress-bar" lay-percent="300MB" style="width:  20%;"><span class="layui-progress-text">300MB</span></div>
            </div>
                <div class="layui-progress layui-progress-big hui" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="2.66MB" style="width:  2%;"><span class="layui-progress-text">2.66MB</span></div>
                </div>

            </div>
            <div class="layui-col-md5">
                 <div class="pdul">
                     <div>人社局部门</div>
                     <div>公安->人社: 人口信息</div>
                 </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
            </div>

        </div>
        <div class="layui-col-md6 layui-card">
            <h2>库表发送通道排名</h2>
            <div class="center">
                <p>接收</p>
                <img src="/content/pc/sysmgt/block/assets/images/js2.png" alt="">
            </div>
            <div class="layui-col-md7 pd">
                <div class="layui-progress layui-progress-big pink" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="1085.04MB" style="width: 70%;"><span class="layui-progress-text">1085.04MB</span></div>
                </div>
                <div class="layui-progress layui-progress-big pink" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="850MB" style="width:  60%;"><span class="layui-progress-text">850MB</span></div>
                </div>
                <div class="layui-progress layui-progress-big pink" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="700MB" style="width:  50%;"><span class="layui-progress-text">700MB</span></div>
                </div> <div class="layui-progress layui-progress-big pink" lay-showpercent="true">
                <div class="layui-progress-bar" lay-percent="300MB" style="width:  20%;"><span class="layui-progress-text">300MB</span></div>
            </div>
                <div class="layui-progress layui-progress-big pink" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="2.66MB" style="width:  2%;"><span class="layui-progress-text">2.66MB</span></div>
                </div>

            </div>
            <div class="layui-col-md5">
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
            </div>

        </div>

    </div>
    <div class="layui-col-md12 tb-box">
        <div class="layui-col-md6 layui-card">
            <h2>文件发送通道排名</h2>
            <div class="center">
                <p>接收</p>
                <img src="/content/pc/sysmgt/block/assets/images/send2.png" alt="">
            </div>
            <div class="layui-col-md7 pd">
                <div class="layui-progress layui-progress-big fen" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="1085.04MB" style="width: 70%;"><span class="layui-progress-text">1085.04MB</span></div>
                </div>
                <div class="layui-progress layui-progress-big fen" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="850MB" style="width:  60%;"><span class="layui-progress-text">850MB</span></div>
                </div>
                <div class="layui-progress layui-progress-big fen" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="700MB" style="width:  50%;"><span class="layui-progress-text">700MB</span></div>
                </div> <div class="layui-progress layui-progress-big fen" lay-showpercent="true">
                <div class="layui-progress-bar" lay-percent="300MB" style="width:  20%;"><span class="layui-progress-text">300MB</span></div>
            </div>
                <div class="layui-progress layui-progress-big fen" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="2.66MB" style="width:  2%;"><span class="layui-progress-text">2.66MB</span></div>
                </div>

            </div>
            <div class="layui-col-md5">
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
            </div>

        </div>
        <div class="layui-col-md6 layui-card">
            <h2>库表发送通道排名</h2>
            <div class="center">
                <p>接收</p>
                <img src="/content/pc/sysmgt/block/assets/images/send2.png" alt="">
            </div>
            <div class="layui-col-md7 pd">
                <div class="layui-progress layui-progress-big zi" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="1085.04MB" style="width: 70%;"><span class="layui-progress-text">1085.04MB</span></div>
                </div>
                <div class="layui-progress layui-progress-big zi" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="850MB" style="width:  60%;"><span class="layui-progress-text">850MB</span></div>
                </div>
                <div class="layui-progress layui-progress-big zi" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="700MB" style="width:  50%;"><span class="layui-progress-text">700MB</span></div>
                </div> <div class="layui-progress layui-progress-big zi" lay-showpercent="true">
                <div class="layui-progress-bar" lay-percent="300MB" style="width:  20%;"><span class="layui-progress-text">300MB</span></div>
            </div>
                <div class="layui-progress layui-progress-big zi" lay-showpercent="true">
                    <div class="layui-progress-bar" lay-percent="2.66MB" style="width:  2%;"><span class="layui-progress-text">2.66MB</span></div>
                </div>

            </div>
            <div class="layui-col-md5">
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
                <div class="pdul">
                    <div>人社局部门</div>
                    <div>公安->人社: 人口信息</div>
                </div>
            </div>

        </div>

    </div>
</div>


</div>


<script src="/content/pc/sysmgt/block/assets/jquery.min.js"></script>
<script src="/content/pc/sysmgt/block/assets/layui.all.js"></script>
<script type="text/javascript">
    function switchSysBar() {
        if (switchPoint.innerText == 3) {
            switchPoint.innerText = 4
            document.all("frmtitle").style.display = "none"
            document.all("lay-body").style.width = "98%"
        } else {
            switchPoint.innerText = 3
            document.all("frmtitle").style.display = ""
            document.all("lay-body").style.width = "86%"
        }
    }

    function switchSysBarInfo() {
        switchPoint.innerText = 3
        document.all("frmtitle").style.display = ""
    }


</script>


</body>
</html>